<template>
	<div style="background: #f7f7f7;">
		<div class="every mt-20" v-for="(item,index) in data">
			<div class="item" @click="tapdetail(item.id)">
				<div class="everytitle">{{item.quesion}}</div>
				<div class="everypic">
				  <img src="../../../assets/image/leftpush.png" alt="">
				</div>
			</div>
		</div>
		
		<div class='questap' @click="questiontap">问题反馈</div>
		
	</div>
</template>

<script>
	export default {
		data() {
			return {
				data:[],
				url:this.$store.state.url,//接收路由过来的图片地址前缀
			};
		},
		methods:{
			enter() {
				$('.shoewr-chenhoupass').fadeIn();
				this.d();
			},
			repeatclose1(){
				$('.shoewr-chenhoupass').fadeOut();
				// $('.shoewr-chenhoupasslogin').fadeOut();
			},
			// 点击问题反馈
			questiontap(){
				var that = this;
				that.$router.push({
					path: '/quesSubmit',
				})
			},
			// 点击跳转详情
			tapdetail(id){
				var that = this;
				that.$router.push({
					path: '/ofterdetail',
					query:{
						id:id
					}
				})
			},
			helpCenter(){
				var that = this;
				that.axios({
					method:'GET',
					url:that.url+'home/helpCenter',
				}).then((res)=>{
					if(res.data.errcode==0||res.data.errcode=='0'){
						that.data = res.data.data;
					}
				})
			}
		},
		mounted(){
			var that = this;
			that.helpCenter();
		}
	}
</script>

<style>
.mt-20:first-child{
	margin-top: .16rem;
}
.every{
	width: 7.5rem;
	line-height: .9rem;
	background: #fff;
	border-bottom: 0.04rem solid #f7f7f7;
}
.item{
	width: 6.9rem;
	margin: auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	
}
.everytitle{
	color: #333333;
	font-size: .3rem;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.everypic{
	width: .1rem;
	height: .2rem;
}
.everypic img{
	width: 100%;
	height: 100%;
}
.questap{
	position: fixed;
	bottom: 0;
	width: 7.5rem;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	box-shadow:0px -0.03rem 0.05rem 0px rgba(71,68,80,0.06);
	background: #fff;
	color: #333333;
	font-size: .36rem;
}
</style>
